/*  
Theme Name: DeepBlue
Theme URI: http://blog.denysri.com/
Description: DeepBlue Theme for blog.denysri.com only.
Version: 9
Author: Deny Sri Supriyono
Author URI: http://denysri.com/

	This theme was designed and built by Deny Sri Supriyono only for blog.denysri.com
	
 	29 December 2006
	Happy birthday, Deny :)

 	16 January 2006
	Happy birthday, my dear wife.
	
	This design was dedicated to my wife and my baby.
	Love both of you..Ridayanti and Hanifah Mahdiyyah Humaira :)
	
*/


/* RESET */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
h1, h2, h3, h4 {font-size:100%}
ul, li {list-style: none}
body{background:#000;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#be5c00;min-width:770px}
p{margin:0 0 10px 0}
hr{display:none}
a,a:visited,a:active,a:hover{text-decoration:none}
small{font:11px Verdana,Arial,Helvetica,sans-serif;letter-spacing:-1px}
small a, small a:visited{color:#e8b446;border-bottom:1px dotted #e8b446}
small a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}
acronym,abbr,span.caps{cursor:help}
acronym,abbr{border-bottom:3px double #e8b446;font-weight:bold}
blockquote{margin:15px 30px 10px 10px;padding-left:20px;border-left:1px dotted #be5c00}
blockquote cite{margin:5px 0 0;display:block}

div.container{width:770px;margin:0 auto;text-align:left}
div#header{width:100%;height:80px;background:#660b06;overflow:hidden;}
div#middle{width:100%;height:100%;background:#911810;overflow:hidden;padding:20px 0}
div#content{width:100%;height:100%;background:#691b0e;overflow:hidden;padding:25px 0}
div#footer{width:100%;height:100%;background:#911810;overflow:hidden;padding:15px 0}

/* TEXT INDENT */
div#header h1,
div#header h2,
div#col1 h3#recentpost,
div#col2 h3#categories,
div#col3 h3#feeds,
div#col4 h3#search,
div#sidebar h3#interesting,
div#sidebar2 h3#info,
h3#searchresulttitle,
div.container h3#respond{text-indent:-9999px}
h3#archivefor span#archivefortext{display:none}

/* IMAGE REPLACEMENT */
div#header h1 a{display:block;background:#660b06 url(images/dblogo.jpg) no-repeat left top;width:652px;height:80px}
div#col1 h3#recentpost{display:block;background:transparent url("images/dbbgrecently.jpg") no-repeat 0px 0px;width:211px;height:24px}
div#col2 h3#categories{display:block;background:transparent url("images/dbbgcategories.jpg") no-repeat 0px 0px;width:211px;height:24px}
div#col3 h3#feeds{display:block;background:transparent url("images/dbbgfeeds.jpg") no-repeat 0px 0px;width:211px;height:24px}
div#col4 h3#search{display:block;background:transparent url("images/dbbgsearch.jpg") no-repeat 0px 0px;width:211px;height:24px}
div#sidebar h3#interesting{display:block;background:transparent url("images/dbbginteresting.jpg") no-repeat 0px 0px;width:211px;height:24px}
div#sidebar2 h3#info{display:block;background:transparent url("images/dbbginfo.jpg") no-repeat 0px 0px;width:212px;height:35px}
h3#searchresulttitle{display:block;background:transparent url("images/dbbgsearchresult.jpg") no-repeat 0px 0px;width:212px;height:35px}
div.container h3#respond{display:block;background:transparent url("images/dbbgleaveareply.jpg") no-repeat 0px 0px;width:212px;height:35px}
h3#archivefor{display:block;background:transparent url("images/dbbgarchivefor.jpg") no-repeat left bottom;width:212px;height:25px}

/* MIDDLE CONTENT */
div#col1{float:left;width:211px}
div#col2{float:left;width:211px;margin-left:50px}
div#col3{float:left;width:248px;margin-left:50px}
div#col4{float:left;width:248px;margin-left:30px}

/* RECENTLY & CATEGORIES */
div#col1 ul li a,div#col2 ul li a{display:block;padding:5px 4px 7px 23px;background:#911810 url(images/dbarrowli.gif) no-repeat 8px 10px;color:#be5c01;width:184px;border-bottom:1px dotted #be5d00}
div#col1 ul li a:hover,div#col2 ul li a:hover{background:#a0321b url(images/dbarrowlihover.gif) no-repeat 8px 10px;color:#e0ac3c}

/* FEEDS */
#col3 ul#feedlist li a{display:block;padding:5px 0 7px 27px;background:transparent url("images/dbbglifeeds.gif") no-repeat 3% 50%;color:#be5c01;width:184px;border-bottom:1px dotted #be5d00}
#col3 ul#feedlist li a:hover{background:#a0321b url("images/dbbglifeeds.gif") no-repeat 3% 50%;color:#e1ad3b}

/* SEARCH */
div#searchspace{width:249px;height:79px;background:transparent url(images/dbbgsearchcon.jpg) no-repeat left top;margin:30px 0 0 0px;padding:10px 0 0 18px}
input#s{width:130px;float:left;margin-top:6px}
input#searchbutton{background:transparent url("images/dbsearchhover.gif") no-repeat left bottom;margin:4px 0 0 6px}
input#searchbutton:hover{background:transparent url("images/dbsearchhover.gif") no-repeat left center}

/* POST */
div.post{float:left;width:473px;line-height:17px}
div.post h2 a,div.post h2 a:visited{font:normal 17px Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#e8b446}
div.post h2 a:hover{color:#d2c71f}

div.entry{margin-top:10px}
div.entry p a,div.entry p a:visited{font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#e8b446;border-bottom:1px dotted #e8b446}
div.entry p a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}
div.entry ul{margin-bottom:10px}
div.entry ul li{background:transparent url(images/dbarrowli.gif) no-repeat 13px 11px;padding: 5px 7px 5px 27px;color:#be5c00;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;line-height:17px}
div.entry ul li a{font-weight:bold;color:#e8b446;border-bottom:1px dotted #e8b446}
div.entry ul li a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}

a.komentar{width:50px;height:30px;background:transparent url("images/dbbgkomentar1.jpg") no-repeat 45% 20%;font:normal 27px Arial, Helvetica, sans-serif}
a.komentar,a.komentar:visited{color:#be5c00}
a.komentar:hover{color:#e5b143}
a.komentar span{visibility:hidden}

img.alignleft{float:left;margin:0 15px 3px 0;padding:5px;background:#fff}

/* FOOTER */
div#footer div.container{background:#911810 url("images/dblogo-small.jpg") no-repeat 0% 20%}
div#footer p{margin:0;line-height:17px;padding-left:50px}
div#footer p a,div#footer p a:visited{font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#e8b446;border-bottom:1px dotted #e8b446}
div#footer p a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}

/* SIDEBAR */
#sidebar{float:left;width:232px;margin-left:32px;background:transparent url("images/dbbgsidebar.jpg") no-repeat left bottom;padding:0 0 17px 17px}
#sidebar2{float:left;width:232px;margin-left:32px;background:transparent url("images/dbbgsidebar.jpg") no-repeat left bottom;padding:0 0 17px 17px}
#sidebar form{margin:0}
#sidebar ul li {list-style-type: none;list-style-image: none;	margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px;	}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;	}
#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 10px;	}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}

/* INTERESTING */
ul#sidebarlist{width:212px}
ul#sidebarlist li,ul#sidebarlist li p{padding:0;margin:0}
ul#sidebarlist li{background:transparent url(images/dbarrowli.gif) no-repeat 8px 15px;padding: 10px 7px 10px 25px;border-bottom:1px dotted #be5c00;color:#be5c00;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;line-height:14px}
ul#sidebarlist li a,ul#sidebarlist li a:visited{font-weight:bold;color:#e1ad3b;text-decoration:none}
ul#sidebarlist li a:hover{font-weight:bold;color:#fff;text-decoration:none;border-bottom:1px dotted #fff}
ul#sidebarlist li:hover{background:#691b0e url(images/dbarrowlihover.gif) no-repeat 8px 15px;color:#dca132}
ul#sidebarlist li:hover a{color:#e1ad3b;border-bottom:1px dotted #be5c00}
ul#sidebarlist li:hover a:hover{color:#fff;border-bottom:1px solid #be5c00}

/* SEPARATOR */
div.separator{clear:left;width:100%;height:1px;border:0;background:#500b06}

/* HALAMAN KOMENTAR */
div#commentcon{width:473px;margin-top:30px}
h3#comments{display:block;background:transparent url(images/dbpeoplediscuss.gif) no-repeat 13% 20%;height:28px;font:normal 27px Arial, Helvetica, sans-serif;color:#e8b446}
h3#comments span{visibility:hidden}
p#opini{margin:-8px 0 30px 38px;font-size:11px}
p#opini a,p#opini a:visited{color:#e8b446;border-bottom:1px dotted #e8b446}
p#opini a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}

div.commentlist{margin:10px 0}
div.komentar{background:#00CC00;margin-top:20px}
.alt{border-top:1px solid #500b06;border-bottom:1px solid #500b06}
.highlighted{border-top:1px solid #500b06;border-bottom:1px solid #500b06}
.alt,.highlighted{margin:0}
.commenttext{width:473px;overflow:auto;line-height:15px;background:#6d190a}
.commenttext a,.commenttext a:visited{color:#e8b446;border-bottom:1px dotted #e8b446;font-weight:bold}
.commenttext a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}
.commentlist p{padding:0 20px}
.commentlist div.alt p.info{background:#5C110E;padding:10px 5px;border-bottom:1px solid #500b06}
.commentlist div.highlighted p.info{background:#8B160F;padding:10px 5px;border-bottom:1px solid #500b06}
.commentlist p.info small a,.commentlist p.info small a:visited,.commentlist p.info small a:hover{font-weight:normal;border-bottom:none}

h3#respond{margin:40px 0 7px 0}
#commentform p {margin: 5px 0}
.nocomments {text-align: center;margin: 0;padding: 0}
.commentmetadata {margin:0}

.required{color:#FA310E}

ul#rules{margin-bottom:30px}
ul#rules li{display:block;padding:5px 0 7px 27px;background:#691b0e url(images/dbarrowli.gif) no-repeat 2% 50%;color:#be5c01;border-bottom:1px dotted #be5d00}
ul#rules li a{color:#e8b446;border-bottom:1px dotted #be5d00}
ul#rules li a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}
ul#rules li#first{border-top:1px dotted #be5d00}

/* SEARCH RESULT */
div.searchresult{margin:15px 0;padding-top:10px;border-top:1px solid #500b06;border-bottom:1px solid #500b06}

h3#archivefor{font:bold 17px Arial, Helvetica, sans-serif;color:#e8b446;margin-bottom:10px}
h3#archivefor span#categoryname{margin-left:75px}

h3.pagetitle{font:normal 17px Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#e8b446;margin-bottom:10px}

ul.postspermonth{margin:5px 0 10px 0;list-style:none;padding-left:25px}
ul.postspermonth li a{color:#e8b446}
ul.postspermonth li a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}
h3.archivebymonth a{font:bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#d2c71f}
h3.archivebymonth a:hover{color:#d2c71f;border-bottom:1px dotted #d2c71f}